<!-- <template>
  <div>
    <div>子组件</div>
    <h3>{{ params }}</h3>
    <h3>{{ testMsg }}</h3>
    <h3>{{ test }}</h3>
  </div>
  <img v-bind="$attrs" />
</template>
<script setup>
import { defineProps, ref, defineExpose, inject } from "vue";
const props = defineProps({
  params: {
    type: String,
    default: "default",
  },
});
const test = inject("test");

const testMsg = ref("测试");
defineExpose({ testMsg });
</script> -->

<template>
  <h3>子组件</h3>
  <MhyBorder>
    <Mhyoption>
      <li>选项1</li>
      <li>选项2</li>
      <li>选项3</li>
    </Mhyoption>
    <p>当前选中选项：</p>
  </MhyBorder>
  <MhyBorder>盒子2</MhyBorder>
  <MhyBorder>盒子3</MhyBorder>
</template>
<script setup>
import Mhyoption from "../components/option.vue";
import MhyBorder from "../components/border.vue";
import { ref } from "vue";

const selectedOption = ref("");
const selectedOption = (option) => {
  selectedOption.value = option;
};
</script>
<style scoped></style>
